<div class="layout layout-row layout-wrap" layout="row" layout-align="space-around center">
    <md-toolbar class="md-accent">
        <h3 class="marginleft20">Action Board</h3>
    </md-toolbar>
</div>
    <div class="layout layout-row layout-wrap" layout="row" layout-align="space-around center">
        <md-tabs md-theme="blue" md-dynamic-height md-border-bottom flex="100" md-stretch-tabs="always" md-swipe-content="true" class="md-primary">
            <md-tab ng-repeat="tab in vm.tabs"
                    ng-disabled="tab.disabled"
                    label="{{tab.title}}">
                <md-content style="background-color:#ebebeb;">
                    <div style="padding:20px;">
                        <md-grid-list md-cols="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6"
                                      md-row-height-gt-sm="4:5" md-row-height="4:3"
                                      md-gutter="8px" md-gutter-gt-sm="8px"
                                      class="RefList">
                            <md-grid-tile ng-repeat="tile in vm.tiles"
                                          md-rowspan="1"
                                          md-colspan="1"
                                          md-colspan-sm="1"
                                          md-colspan-xs="1"
                                          layout-align="center center"
                                          ng-if="tab.title == 'Referral-In'"
                                          ng-click="vm.TileClick(tab.title,tile.title)">
                                <div layout="column" layout-align="space-between center" flex="100">
                                    <!--<div style="width:100%; margin-top:5px;" layout="row" layout-align="space-around center">
                                        <div class="cardBadge RedBadge"><span>100</span></div>
                                        <div class="cardBadge GreenBadge"><span>100</span></div>
                                    </div><br />-->
                                    <img ng-src="{{tile.icon}}" />
                                    <div style="width:100%; margin-top:5px;" layout="row" layout-align="space-around center">
                                        <div class="cardDetails">Open Referrals: </div>
                                        <div class="cardBadge GreenBadge">100</div>
                                    </div>
                                    <div style="width:100%; margin-top:5px;" layout="row" layout-align="space-around center">
                                        <div class="cardDetails">Urgent Referrals: </div>
                                        <div class="cardBadge RedBadge">100</div>
                                    </div>
                                </div>
                                <md-grid-tile-footer class="md-hue-3"><h3>{{tile.title}}</h3></md-grid-tile-footer>
                            </md-grid-tile>

                            <md-grid-tile ng-repeat="tile in vm.Outtiles"
                                          md-rowspan="1"
                                          md-colspan="1"
                                          md-colspan-sm="1"
                                          md-colspan-xs="1"
                                          layout-align="center center"
                                          ng-if="tab.title == 'Referral-Out'"
                                          ng-click="vm.TileClick(tab.title,tile.title)">
                                <div layout="column" layout-align="space-around center" flex="100">
                                    <div style="width:100%; margin-top:5px;" layout="row" layout-align="space-around center">
                                        <div class="cardBadge RedBadge"><span>100</span></div>
                                        <div class="cardBadge GreenBadge"><span>100</span></div>
                                    </div><br />
                                    <img ng-src="{{tile.icon}}" />
                                </div>
                                <md-grid-tile-footer><h3>{{tile.title}}</h3></md-grid-tile-footer>
                            </md-grid-tile>

                        </md-grid-list>
                    </div>
                </md-content>
            </md-tab>
        </md-tabs>
    </div>

    <!--<md-toolbar class="md-hue-3 md-accent">
        <h3 class="dashHeader">Analytics Board</h3>
    </md-toolbar>
    <md-tabs md-dynamic-height md-border-bottom flex="100" md-stretch-tabs="always" md-swipe-content="true" md-theme="altTheme1" md-theme-watch class="md-primary">
        <md-tab ng-repeat="tab in vm.tabs1"
                ng-disabled="tab.disabled"
                label="{{tab.title}}">
            <md-content style="background-color:#eee;">
                <div style="padding:20px;">
                    <md-grid-list md-cols="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6"
                                  md-row-height-gt-sm="1:1" md-row-height="4:3"
                                  md-gutter="8px" md-gutter-gt-sm="4px">
                        <md-grid-tile ng-repeat="tile in vm.graphs"
                                      md-rowspan="1"
                                      md-colspan="2"
                                      md-colspan-sm="1"
                                      md-colspan-xs="1"
                                      layout-align="center center">

                            <md-grid-tile-footer><h3>{{tile.title}}</h3></md-grid-tile-footer>
                        </md-grid-tile>
                    </md-grid-list>
                </div>

            </md-content>
        </md-tab>
    </md-tabs>-->
